<template>
    <div>
        <div class="item">
            <img :src="plyid.imgSrc" alt="">
            <p class="nav">{{plyid.content}}</p>
            <p class="nav">{{plyid.detail}}</p>
        </div>
    </div>
</template>

<script>
import axios from'axios'
export default {
   

    data() {
        return {
            plyid:[]
        };
    },

    mounted() {
        var {id} = this.$route.params
        axios.get(`http://122.112.161.135:4000/api/articleDetail?id=${id}`).then(res=>{
           
            console.log(res.data.res[0]);
            this.plyid = res.data.res[0]
        })
    },

    methods: {
        
    },
};
</script>

<style  scoped>
.item{
    width: 700px;
    height: 500px;
   
   
}
img{
    width: 500px;
    height: 300px;
     margin-left: 130px;
}
.nav{
    margin-left: 100px;
    font-size: 30px;
    margin-top: 20px;
}
</style>